<%@ page contentType="text/html;charset=UTF-8"%>

<%@ page import="java.util.Vector,com.ejoysoft.wlanyz.business.Carriers,com.ejoysoft.common.Constants,com.ejoysoft.common.exception.NoRightException" %>
<%@page import="sun.reflect.generics.tree.IntSignature"%>
<%@page import="com.ejoysoft.common.Format"%>
<%@ page import="java.util.List"%>
<%@ include file="../include/jsp/head.jsp"%>

<%
	if (!globa.userSession.hasRight("10055"))
		throw new NoRightException("用户不具备操作该功能模块的权限，请与系统管理员联系！");
%>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>柱形图</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<style type="text/css">
	body { font-size:14px; font-family:"宋体"}
	ol li { margin:8px}
	ul {list-style:none;}
	#con { font-size:12px; width:100%; height:100%; margin:0 auto}
	#tags { height:23px; width:100%; margin:0; padding:0; margin-left:10px}
	#tags li { float:left; background:#4F94CD;  margin-left:1px; list-style-type:none;line-height:30px;}
	#tags li a { text-decoration:none; float:left; display:block;text-align:center;height:30px;}
	#tags li.emptyTag { width:4px; background:none}
	#tags li.selectTag { background-position: left top; position:relative; height:30px; margin-bottom:-2px}
	#tags li.selectTag a { background-position: right top; color:#000; height:30px; line-height:25px;}
	#tagContent { padding:1px; background-color:#fff; border:0px solid #aecbd4;}
	.tagContent { background:url(images/bg.gif) repeat-x;  padding:10px; color:#474747; width:100%; height:100%; display:none}
	#tagContent div.selectTag{ display:block}
	</style>
  </head>
  
  <body>
    <%
	String url = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	String width = "100%";
	String height = "500";
	//System.out.println("url地址是："+url);
	%>
<div id="con">
<div>
  <ul id="tags">
    <li class="selectTag"><a href="javascript:void(0)" onclick="selectTag('tagContent0',this)">运行商总指标对比</a></li>
	<li><a href="javascript:void(0)" onclick="selectTag('tagContent1',this)">运行商业务指标对比</a></li>
	<li><a href="javascript:void(0)" onclick="selectTag('tagContent2',this)">运行商多个指标对比</a></li>
  </ul>
  </div>
  <div id="tagContent">
  	<div id="tagContent0" class="tagContent selectTag"><iframe src="<%=url%>/threenet/bar_allindex.jsp" width="100%" height="500"></iframe></div>
	<div id="tagContent1" class="tagContent"><iframe src="<%=url%>/threenet/bar_businessindex.jsp" width="100%" height="500"></iframe></div>
	<div id="tagContent2" class="tagContent"><iframe src="<%=url%>/threenet/bar_moreindex.jsp" width="100%" height="500"></iframe></div>
  </div>	
</div>
<script type="text/javascript">
function selectTag(showContent,selfObj){
	selfObj.blur();
	// 操作标签
	var tag = document.getElementById("tags").getElementsByTagName("li");
	var taglength = tag.length;
	for(i=0; i<taglength; i++){
		tag[i].className = "";
	}
	selfObj.parentNode.className = "selectTag";
	// 操作内容
	for(i=0; j=document.getElementById("tagContent"+i); i++){
		j.style.display = "none";
	}
	document.getElementById(showContent).style.display = "block";	
}
</script>
  </body>
</html>
